@import "_function";
@import "_mixin";

$base-font-size:75px;

html,body{
    height: 100%;
}
a{
    color: #000;
}
a:active{
  text-decoration: none;
}
a:visited{
    text-decoration: none;
}

.am-navbar{
  background: #FE6367;
}
.ml10{
    margin-left: px2rem(20px, $base-font-size);
}
.mt40{
    margin-top: px2rem(40px, $base-font-size);
}
.pb120{
    padding-bottom: px2rem(80px, $base-font-size);
}
.p20{
    padding: px2rem(20px, $base-font-size);
}

.alert-item{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    .alert-item-mask{
        background: rgba(0,0,0,0.4);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        img{
            width: 100%;
        }
        .alert-item-close{
            width: px2rem(66px, $base-font-size);
            height: px2rem(66px, $base-font-size);
            @include px2px('font-size', 48);
            border:  1px solid #fff;
            border-radius: 50%;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: px2rem(40px, $base-font-size);
        }
    }
}
